body{background: #ECECEC;}
body::after{background: none; height: 100%; opacity: 1;}

.w-header{margin: 66px 48px 0 48px;}
.w-header > .row{background-color: #FFF;}
.w-header .wh-splash{margin: 0; padding: 0;}
.w-header .wh-desc{margin: 60px 0 36px 0;}
.w-header .wh-desc h1{color: rgba(52, 52, 52, 1); font-size: 51px; margin: 0; text-align: center;}
.w-header .wh-desc h3{margin-top:48px; font-size: 36px; text-align: center;}
.w-header .wh-desc h3 img{margin-right:36px;}
.w-header .wh-panel{position: relative; margin: 0 36px 36px 36px; padding: 39px 33px; border: 0; border-radius: 18px; background-color: #EFEFEF; font-size: 39px; line-height: 58px;}
.w-header .wh-panel::before{content: ""; position: absolute; left: calc(50% - 15px); top: -30px; width: 0; height: 0; border-left: 30px solid transparent; border-right: 30px solid transparent; border-bottom: 30px solid #EFEFEF;}

.w-content{margin: 54px 48px 0 48px;}
.w-content > .row{background-color: #FFF;}
.w-content h2{margin: 48px; font-size: 42px; color: #C63E3E;}
.w-content h3{margin: 24px 48px 0 48px; font-size: 36px;}
.w-content .wc-body{}
.wc-body > p{width:210px; font-size: 36px; margin: 72px auto 42px auto;}
.wc-body > p img{margin-left: 30px; transform: rotate(0deg); transition: transform 0.5s ease-in-out;}
.wc-body > p img.wc-body-rotate{transform: rotate(180deg); transition: transform 0.5s ease-in-out;}
.wc-body > article{margin: 0 48px 42px 48px; font-size: 36px; overflow: hidden;}
.wc-body > article.wc-body-hidden {height:0px; transition: height 0.5s ease-in-out;}
.wc-body > article.wc-body-open {height:500px; transition: height 0.5s ease-in-out;}
.wc-body .wcb-btn-full{cursor: pointer;}

.w-choice{position:relative; margin: 54px 48px 0 48px; height: 364px; background: url(frame_bar@3x.png) no-repeat 0 0;}
.w-choice::after{position: absolute; z-index: -2; left: 30px; top: 0; width: 100%; height: 100%; content: "";  border: solid 3px #C63E3E; border-left: 0; border-radius: 18px; background-color: #FFF;}
.w-choice > .row{margin-left: 100px;}
.w-choice h2{font-size: 42px; margin: 56px 66px 0 66px;}
.w-choice h3{font-size: 36px; margin: 30px 66px 0 66px;}

.w-info{margin: 54px 48px 0 48px;}
.w-info > .row{background-color: #FFF;}
.w-info h2{position:relative; margin: 48px; font-size: 42px; color: #C63E3E;}
.w-info h2::after{content:""; position:absolute; left: 200px; top: 20px; z-index: 200; border: solid #000 1px; width: calc(100% - 200px);}
.w-info h3{margin: 24px 48px 0 48px; font-size: 36px;}
.w-info h3:last-child{margin-bottom: 42px}
.w-tips h2::after{left:150px; width: calc(100% - 150px);}

.w-relevant{margin-top: 51px; width: 100%; height: 900px; overflow: hidden; position: relative;}
.w-relevant .wr-text{font-size: 36px;}
.w-relevant .wr-text h2{color: #C63F3C; text-align: center; font-size: 36px; position: relative;}
.w-relevant .wr-text h2::before{content: ""; position: absolute; left: 10px; top:15px; width: 298px; height: 7px; background: url(line_left@3x.png) no-repeat 0 0;}
.w-relevant .wr-text h2::after{content: ""; position: absolute; right: 10px; top:15px; width: 298px; height: 7px; background: url(line_left@3x.png) no-repeat 0 0; transform: rotate(180deg);}
.w-relevant .wr-container{width: 5400px; height: 810px; position: absolute; left: 0; top: 90px; z-index: 100;}
.wr-container .wrc-box{float: left; width: 540px; height: 810px; margin-right: 48px; border: 0; border-radius: 18px; background-color: #FFF; font-size: 36px;}
.wr-container .wrc-box h2{margin: 10px 20px 20px 20px; font-size: 42px; color: #C63E3E;}
.wr-container .wrc-box h3{margin: 15px 48px 0 48px; font-size: 36px;}

.w-banner{margin-top: 20px;}
.w-banner .wb-qrcode{margin-top: 78px;}
.w-banner .wbq-left{margin: 0 auto 0 auto;}
.w-banner .wbq-right{margin: 0 auto 0 auto;}
.w-banner .wb-subtitle{margin-top: 42px; margin-bottom: 78px;}
.w-banner .wb-subtitle h4{text-align: center; font-size: 36px;}

.w-place{height: 180px;}

.w-footer{width: 100%; height: 180px; z-index: 300; left: 0; bottom: 0; padding: 0;}
.w-footer::after{content:""; position: absolute; z-index: -1; left: 0; top: 0; width: 100%; height: 100%; background-color: black; opacity: 0.5;}
.w-footer > .row{margin: 0;}
.w-footer .wf-logo{margin-left: 18px; margin-top: 38px;}
.w-footer .wf-logo img{height: 100px;}
.w-footer .wf-title{margin-left:54px; margin-top: 60px;}
.w-footer .wf-title h4{font-size: 42px; color: #FFF;}
.w-footer .wf-btns{margin-right: 18px; margin-top: 45px;}
.w-footer .wf-btns a{width: 330px; height: 90px; line-height: 84px; padding: 0; border: 3px solid #FFF; border-radius: 18px; font-size: 42px; color: #FFF;}